import React from 'react';

const Connect: React.FC = () => {
  return (
    <div className='flex items-center bg-[#3c3a3b] rounded-xl px-3 py-0.5 md:px-4 md:py-1'>
      <div className="w-[20px] h-[20px] md:w-[24px] md:h-[24px] object-contain">
        <img src='./home/ICON-Small.png' alt='logo' className='w-full h-full object-contain'/>
      </div>
      <div className='whitespace-nowrap px-1.5 text-sm md:px-2 md:text-base'>
        {t('home.CONNECT')}
      </div>
    </div>
  );
};

export default Connect;